<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>特惠酒店 - 爽客网</title>
<%@include file="../common/js.jsp" %>
<script src="js/interfacejs.js" type="text/javascript"></script>
<script src="js/jquery.ying.js" type="text/javascript"></script>
<script src="js/search.js" type="text/javascript"></script>
<link href="css/base/reset.css" type="text/css" rel="stylesheet" />
<link href="css/base/base.css" type="text/css" rel="stylesheet" />
<link href="css/base/hf_sk.css" type="text/css" rel="stylesheet" />
<link href="css/mainpage.css" type="text/css" rel="stylesheet" />
<!--[if ie]><script src="../../js/common/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie 6]><link href="../../css/jrIE6.css" type="text/css" rel="stylesheet"><![endif]-->
<!--[if ie]><link href="../../css/jrIE.css" type="text/css" rel="stylesheet"><![endif]-->

</head>
<body>
	<!-- head -->
	<%@include file="../common/header.jsp" %>
    <!-- header-->
    
    <!-- content-->
    <div class="w100p">
        
       	<!-- lunbo -->
        <div class="w980 mg box_style1">
        	<div class="c_lb_box lb_box_s1">
            	<ul class="c_lb" id="pic_ul">
                    <c:forEach items="${lunboList }" var="c" varStatus="status">
                		<li><a href="${c.hyperlink }" target="_blank"><img src="${c.picture }" class="block" style="width: 695px;height: 280px;"/></a></li>
                	</c:forEach>
                </ul>
                <div class="seach_t_box">
                </div>
                <div class="seach_body_box">
                	<div class="mg_style">
                        <h1>特惠酒店<span>专为旅游度假精选</span></h1>
                        <div class="search">
                            <ul class="hotel_search">
                            	<li>
                                	<label class="fb">入住城市</label><input type="text"  id="s_city" value="贵阳市"/><b style="color:red" class="ml5">*</b>
                                </li>
                                <li>
                                	<label class="fb">周边景区</label><input type="text" />
                                </li>
                                <li>
                                	<label>价格范围</label>
                                	<select id="price_range">
                                    	<option value="0">不限</option>
                                    	<option value="0-200">200元以下</option>
                                    	<option value="200-499">200-499元</option>
                                    	<option value="500-799">500-799元</option>
                                    	<option value="800">800元以上</option>
                                    </select>
                                </li>
                                <li>
                                	<label>酒店星级</label>
                                	<select id="hotel_level">
                                    	<option value="0">不限</option>
                                    	<option value="5">五星级</option>
                                    	<option value="4">四星级</option>
                                    	<option value="3">三星级</option>
                                    	<option value="2">二星级</option>
                                    </select>
                                </li>
                                <li>
                                	<label>酒店名称</label><input type="text" value="" id="hotel_name"/>
                                </li>
                            </ul>
                            <input type="button" class="search_btn"  id="hotel_search"/>
                        </div>
                        
                    </div>
                </div>
                
                <!-- right-->
                <ul class="lb_list_show" id="num_ul">
	                <c:forEach items="${lunboList}" var="c" varStatus="status">
	                	<li <c:if test="${status.index==0 }">class='current'</c:if>>
	                    	<a href="${c.hyperlink }" target="_blank">
	                            <span class="title">${c.titleText }</span>
	                        </a>
	                    </li>
	                </c:forEach>
                </ul>
                <!-- right--end-->
            </div>
        </div>
        <!-- lunbo--end-->
        
        <!-- part1 -->
        <div class="w980 mg box_style1">
        	<div class="clearfix">
            	
                <!-- left-->
                <div class="t_leftbox">
                	<div class="gradient_sbox">
                        <div class="gra_head">
                            <h1 class="clearfix pr">
                                <img src="images/icon/icon_gyrbjd.gif" class="fl block"><span class="fl">贵阳热榜酒店	</span>
                            </h1>
                        </div>
                        <div class="gra_body">
                        	<div class="h_mg_s1">
                                <ul class="pt_s2">
                                	<c:forEach items="${hotList }" var="c">
	                                    <li>
	                                        <a href="${c.hyperlink }" target="_blank" class="fl pic" ><img src="${c.picture }" class="block" width="120" height="60"/></a>
	                                        <div class="r_box hot_hotel">
	                                            <a href="${c.hyperlink }" target="_blank" class="name">${c.titleText }</a>
	                                            <p>${c.summary }</p>
	                                           <c:if test="${c.star>0 }"><span class="star_s3 star_s3_${c.star }"></span></c:if>
	                                        </div>
	                                    </li>
	                                </c:forEach>
                                </ul>
                            </div>
                        </div>
                        <div class="gra_foot"></div>
                	</div>

                </div>
                <!-- left--end-->
                <!-- right-->
                <div class="t_rightbox">
                	<div class="gradient_sbox big_box com_gra hotel_detail">
                        <div class="gra_head"></div>
                        <div class="gra_body clearfix">
                            <div class="moremenu">
                                <ul class="com_tabs clearfix">
                                    <li class="current" id="li_1">
                                        <a href="javascript:void(0)" onClick="tabHotel('1')">豪华酒店</a>
                                    </li>
                                    <li id="li_2">
                                        <a href="javascript:void(0)" onClick="tabHotel('2')">商务酒店</a>
                                    </li>
                                    <!-- <li id="li_3">
                                        <a href="javascript:void(0)" onClick="tabHotel('3')">景区周边</a>
                                    </li>
                                    <li id="li_4">
                                        <a href="javascript:void(0)" onClick="tabHotel('4')">特色客栈</a>
                                    </li>
                                    <li id="li_5">
                                        <a href="javascript:void(0)" onClick="tabHotel('5')">家庭旅馆</a>
                                    </li> -->
                                </ul>
                                
                                <!-- sub-content-->
                                <div class="tabsinfo_box" id="hotel_1">
                                    <ul class="pt_s2 else_hotel">
	                                    <c:forEach items="${fiveStarList }" var="c">
	                                        <li>
	                                            <a href="${c.hyperlink }" target="_blank" class="fl pic"><img src="${c.picture }" class="block" style="width: 120px;height: 60px;"/></a>
	                                            <div class="r_box pt_info">
	                                            	<div class="clearfix">
	                                                	<a href="${c.hyperlink }" target="_blank" class="name">${c.hotelName }</a>
	                                                    <c:if test="${c.star>0 }"><span class="star_s3 star_s3_${c.star } fl"></span></c:if>
	                                                </div>
	                                                <p>${c.summary }</p>
	                                                <div class="price_box">
	                                                	<span>市场价：<i class="fb lt farial mr5">${c.priceMarket }</i>起</span>
	                                                    <span class="now_price"> ¥<i>${c.priceMin }</i>起</span>
	                                                </div>
	                                            </div>
	                                        </li>
	                                    </c:forEach>
                                    </ul>
                                </div>
                                <div class="tabsinfo_box" id="hotel_2" style="display: none;">
                                    <ul class="pt_s2 else_hotel">
	                                    <c:forEach items="${cheapList }" var="c">
	                                        <li>
	                                            <a href="${c.hyperlink }" target="_blank" class="fl pic"><img src="${c.picture }" class="block" style="width: 120px;height: 60px;"/></a>
	                                            <div class="r_box pt_info">
	                                            	<div class="clearfix">
	                                                	<a href="${c.hyperlink }" target="_blank" class="name">${c.hotelName }</a>
	                                                     <c:if test="${c.star>0 }"><span class="star_s3 star_s3_${c.star } fl"></span></c:if>
	                                                </div>
	                                                <p>${c.summary }</p>
	                                                <div class="price_box">
	                                                	<span>市场价：<i class="fb lt farial mr5">${c.priceMarket }</i>起</span>
	                                                    <span class="now_price"> ¥<i>${c.priceMin }</i>起 </span>
	                                                </div>
	                                            </div>
	                                        </li>
	                                    </c:forEach>
                                    </ul>
                                </div>
                                 <%-- <div class="tabsinfo_box" id="hotel_3" style="display: none;">
                                    <ul class="pt_s2 else_hotel">
	                                    <c:forEach items="${scenicList }" var="c">
	                                        <li>
	                                            <a href="${c.hyperlink }" target="_blank" class="fl pic"><img src="${c.picture }" class="block" style="width: 120px;height: 60px;"/></a>
	                                            <div class="r_box pt_info">
	                                            	<div class="clearfix">
	                                                	<a href="${c.hyperlink }" target="_blank" class="name">${c.hotelName }</a>
	                                                     <c:if test="${c.star>0 }"><span class="star_s3 star_s3_${c.star } fl"></span></c:if>
	                                                </div>
	                                                <p>${c.summary }</p>
	                                                <div class="price_box">
	                                                	<span>市场价：<i class="fb lt farial mr5">${c.priceMarket }</i>起</span>
	                                                    <span class="now_price"> ¥<i>${c.priceMin }</i>起 </span>
	                                                </div>
	                                            </div>
	                                        </li>
	                                    </c:forEach>
                                    </ul>
                                </div>
                                <div class="tabsinfo_box" id="hotel_4" style="display: none;">
                                    <ul class="pt_s2 else_hotel">
	                                    <c:forEach items="${teseList }" var="c">
	                                        <li>
	                                            <a href="${c.hyperlink }" target="_blank" class="fl pic"><img src="${c.picture }" class="block" style="width: 120px;height: 60px;"/></a>
	                                            <div class="r_box pt_info">
	                                            	<div class="clearfix">
	                                                	<a href="${c.hyperlink }" target="_blank" class="name">${c.hotelName }</a>
	                                                     <c:if test="${c.star>0 }"><span class="star_s3 star_s3_${c.star } fl"></span></c:if>
	                                                </div>
	                                                <p>${c.summary }</p>
	                                                <div class="price_box">
	                                                	<span>市场价：<i class="fb lt farial mr5">${c.priceMarket }</i>起</span>
	                                                    <span class="now_price"> ¥<i>${c.priceMin }</i>起 </span>
	                                                </div>
	                                            </div>
	                                        </li>
	                                    </c:forEach>
                                    </ul>
                                </div>
                                <div class="tabsinfo_box" id="hotel_5" style="display: none;">
                                    <ul class="pt_s2 else_hotel">
	                                    <c:forEach items="${homeList }" var="c">
	                                        <li>
	                                            <a href="${c.hyperlink }" target="_blank" class="fl pic"><img src="${c.picture }" class="block" style="width: 120px;height: 60px;"/></a>
	                                            <div class="r_box pt_info">
	                                            	<div class="clearfix">
	                                                	<a href="${c.hyperlink }" target="_blank" class="name">${c.hotelName }</a>
	                                                     <c:if test="${c.star>0 }"><span class="star_s3 star_s3_${c.star } fl"></span></c:if>
	                                                </div>
	                                                <p>${c.summary }</p>
	                                                <div class="price_box">
	                                                	<span>市场价：<i class="fb lt farial mr5">${c.priceMarket }</i>起</span>
	                                                    <span class="now_price"> ¥<i>${c.priceMin }</i>起 </span>
	                                                </div>
	                                            </div>
	                                        </li>
	                                    </c:forEach>
                                    </ul>
                                </div> --%>
                                <!-- sub-content--end-->
                            </div>
                        </div>
                        <div class="gra_foot"></div>
                	</div>
                </div>
                <!-- right--end-->
            </div>
        </div>
        <!-- part1--end-->
        
        <!-- fullpart-->
        <div class="w980 mg box_style1">
        	<div class="gradient_sbox full_gra">
                <div class="gra_head">
                    <h1 class="clearfix pr">
                        <img src="images/icon/icon_rztydp.gif" class="fl block"><span class="fl">入住体验点评</span>
                        <a href="listView.htm?channel=03b46ccd-bd14-4180-a395-32ca63f567bf" class="more">more</a>
                    </h1>
                </div>
                <div class="gra_body">
                    <div class="rz_wrap clearfix">
                    	<div class="rz_box">
	                    	<c:forEach items="${discuss1 }" var="c" varStatus="status" begin="0" end="1">
	                        	<div class="com_pj_box">
	                            	<p>
	                                	<span class="user">${c.author }</span>评价<a href="${c.hyperlink }" target="_blank" class="area">${c.titleText }：</a><span class="star_s2 star_s2_${c.overall }"></span>
	                                </p>
	                                <p class="pj_result">
	                                	<span>人气：<i><c:if test="${c.popul==1}">很烂</c:if><c:if test="${c.popul==2}">一般</c:if><c:if test="${c.popul==3}">还好</c:if><c:if test="${c.popul==4}">较好</c:if><c:if test="${c.popul==5}">很好</c:if></i></span>
	                                	<span>娱乐：<i><c:if test="${c.recreation==1}">很烂</c:if><c:if test="${c.recreation==2}">一般</c:if><c:if test="${c.recreation==3}">还好</c:if><c:if test="${c.recreation==4}">较好</c:if><c:if test="${c.recreation==5}">很好</c:if></i></span>
	                                	<span>服务配套：<i><c:if test="${c.serving==1}">很烂</c:if><c:if test="${c.serving==2}">一般</c:if><c:if test="${c.serving==3}">还好</c:if><c:if test="${c.serving==4}">较好</c:if><c:if test="${c.serving==5}">很好</c:if></i></span>
	                                	<span>规模：<i><c:if test="${c.proportion==1}">很烂</c:if><c:if test="${c.proportion==2}">一般</c:if><c:if test="${c.proportion==3}">还好</c:if><c:if test="${c.proportion==4}">较好</c:if><c:if test="${c.proportion==5}">很好</c:if></i></span>
	                                </p>
	                                <p class="info">
	                                	${c.summary }
	                                </p>
	                            </div>
	                            <c:if test="${status.index==0 }"><div class="seperate"></div></c:if>
	                         </c:forEach>
                        </div>
                       <div class="rz_box nomg">
	                    	<c:forEach items="${discuss1 }" var="c" varStatus="status" begin="2" end="3">
	                        	<div class="com_pj_box">
	                            	<p>
	                                	<span class="user">${c.author }</span>评价<a href="${c.hyperlink }" target="_blank" class="area">${c.titleText }：</a><span class="star_s2 star_s2_${c.overall }"></span>
	                                </p>
	                                <p class="pj_result">
	                                	<span>人气：<i><c:if test="${c.popul==1}">很烂</c:if><c:if test="${c.popul==2}">一般</c:if><c:if test="${c.popul==3}">还好</c:if><c:if test="${c.popul==4}">较好</c:if><c:if test="${c.popul==5}">很好</c:if></i></span>
	                                	<span>娱乐：<i><c:if test="${c.recreation==1}">很烂</c:if><c:if test="${c.recreation==2}">一般</c:if><c:if test="${c.recreation==3}">还好</c:if><c:if test="${c.recreation==4}">较好</c:if><c:if test="${c.recreation==5}">很好</c:if></i></span>
	                                	<span>服务配套：<i><c:if test="${c.serving==1}">很烂</c:if><c:if test="${c.serving==2}">一般</c:if><c:if test="${c.serving==3}">还好</c:if><c:if test="${c.serving==4}">较好</c:if><c:if test="${c.serving==5}">很好</c:if></i></span>
	                                	<span>规模：<i><c:if test="${c.proportion==1}">很烂</c:if><c:if test="${c.proportion==2}">一般</c:if><c:if test="${c.proportion==3}">还好</c:if><c:if test="${c.proportion==4}">较好</c:if><c:if test="${c.proportion==5}">很好</c:if></i></span>
	                                </p>
	                                <p class="info">
	                                	${c.summary }
	                                </p>
	                                <c:if test="${status.index==2 }"><div class="seperate"></div></c:if>
	                            </div>
	                         </c:forEach>
                            
                        </div>
                        
                    </div>
                </div>
                <div class="gra_foot"></div>
            </div>
        </div>
        <!-- fullpart--end-->
        <!-- 点评 -->
        <%@include file="../common/discuss.jsp" %>
        
        <%@include file="../common/attention.jsp" %>
        <!-- part3--end-->
                
        <!-- help-->
        <div class="w980 mg box_style1">
        	<c:forEach items="${help }" var="c">
        		${c.content}
        	</c:forEach>
        </div>
        <!-- help--end-->
        
    </div>
    <!-- content--end-->
    
    <!-- foot-->
    <%@include file="../common/footer.jsp" %>
    <!-- foot--end-->
<script type="text/javascript">
	$(function(){
		$.lbShow({
			picUL:"pic_ul",
			numsUL:"num_ul",
			styles:"hover"
		});
		$(".more").attr("target","_blank");
	});
	
	
    function tabHotel(n){
	 	$("#hotel_"+n).show().siblings("div.tabsinfo_box").hide();
	 	$("#li_"+n).addClass("current").siblings().removeClass("current");
	}
</script>
</body>
</html>
